import axios from 'axios'
import { ElMessage } from 'element-plus'
import router from "../router/index"

// 创建一个 axios 实例
const service = axios.create({
	baseURL:import.meta.env.MODE=="development"? '/api':'', // 所有的请求地址前缀部分
	timeout: 60000, // 请求超时时间毫秒
	withCredentials: true, // 异步请求携带cookie
	headers: {
		// 设置后端需要的传参类型
		'Content-Type': 'application/json',
	},
})
let token:any = ''
// 添加请求拦截器
service.interceptors.request.use(
	function (config:any) {
		token = localStorage.getItem('token')
		config.headers.token=token
		 
		// 在发送请求之前做些什么
		return config
	},
	function (error) {
		// 对请求错误做些什么
		console.log(error)
		return Promise.reject(error)
	}
)

// 添加响应拦截器
service.interceptors.response.use(
	function (response:any) {
		// 2xx 范围内的状态码都会触发该函数。
		// 对响应数据做点什么
		// dataAxios 是 axios 返回数据中的 data
		const dataAxios = response.data
		// 这个状态码是和后端约定的
		const code = dataAxios.reset
		
		if(response.data.code==401){
			//清除过期缓存
			localStorage.removeItem('nickname')
			localStorage.removeItem('username')
			localStorage.removeItem('avatars')
			localStorage.removeItem('avatar')
			localStorage.removeItem('token')
			// 跳转登陆页
			ElMessage.warning('超时，请登录')
			// router.go(0)
			router.push('/')

		}

		return dataAxios
	},
	function (error) {
		// 超出 2xx 范围的状态码都会触发该函数。
		// 对响应错误做点什么
		console.log(error)
		return Promise.reject(error)
	}
)

export default service

